<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		
	</head>
	<body>
		<div id="app">
			<!-- <h1>{{msg}}</h1> -->
			分数：<input type="text" v-model="sroce"/><br>
			
				<h1 v-if="sroce>60">合格</h1>
				<h1 v-else-if="sroce>50">不合格</h1>
				<h1 v-else>为4</h1>
			<tr>
				<td>
					<input type="text" v-model="add" /><br>
					<input type="text" v-model="ade" />
				</td>
			</tr>
			{{add}}
		{{num}}
			<button @click="addNum">自增</button>
		</div>
		
		<script src="../js/vue.js">
		----
		</script>
		<script>
		var scan=new Vue({
			el:"#app",
			data:{
				// msg:"function",
				sroce:0,
				add:123,
				num:0
			},
			methods:{
				addNum(){
					this.num++
				}
			}
			
		})
		</script>
	</body>
</html>
